<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div class="box">
        <div class="msg"></div>
        <div class="input">
            <textarea id="txt"></textarea>
            <input type="button" value="发送" id="send">
        </div>
    </div>
</body>
<script>
    var omsg = document.querySelector(".msg");
    var otxt = document.getElementById("txt");
    var osend = document.getElementById("send");

    osend.onclick = function(){
        send();
    }


    otxt.onkeydown = function(eve){
        var e = eve || window.event;
        var code = e.keyCode || e.which;
        
        // 回车键
        // if(code === 13){
        //     send();
        // }

        // 回车 + ctrl
        if(code === 13 && e.ctrlKey){
            send();
        }
    }

    function send(){
        var p = document.createElement("p");
        p.innerHTML = otxt.value;
        omsg.appendChild(p);
        otxt.value = "";
    }

    // 问题：文本域内，回车，默认就是换行功能
    // 如果不需要默认功能，可以阻止

</script>
</html>